
.panel *{border: none}
.panel-title > a{display: block;border: 0}


.nav-tabs{border: 0}
.nav-tabs > li > a{border-radius: 0;margin: 0;padding: 0;border: 0}
.nav-tabs > li{margin: 0}
.nav-tabs > li.active > a {border: 0}

.bdshare-button-style0-16 .bds_tsina ,.bdshare-button-style0-16 .bds_weixin{width: 28px;height: 28px;  background-size: 100% 100%!important; background-position: 0 0!important;}
/*.bdshare-button-style0-16 .bds_tsina {background: url("../images/wb.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin{background: url("../images/wx.png") no-repeat;}*/
/*.bdshare-button-style0-16 .bds_weixin.pyq{background: url("../images/py.png") no-repeat;}*/

/*.n-link ul{overflow: hidden}*/
.n-link{margin-top: 40px;}
.n-link ul li {cursor:pointer; display: inline-block; padding: 10px 16px; margin-right: 40px; color: #666;position: relative;border-radius: 6px;transition: all 0s}
.n-link ul li i{position: absolute;left: 50%;top: 101%;color: #d6191b;transfori-showVidem: translate(-50%,-50%);display: none}
.n-link ul li:hover{background: #d6191b;color: #fff;cursor:pointer}
.n-link ul li:hover i{display: block}
.n-link .active{background: #d6191b;color: #fff;}
.n-link .active i{display: block}

.g_btn{width: 120px;text-align: center;}
.g_btn a{background: #d6191b;color: #fff;padding: 6px 0;border-radius: 8px;}

/*.play{width: 91px;height: 85px; margin: 0 auto;cursor:pointer; background: url("../images/play.png") no-repeat ;background-size: 100% 100%}*/


.n-title-h{font-size: 24px;color: #07742c}

.fixed-left{position: fixed;top: 50%;right: -2px;z-index: 9999}
.fixed-left-item{width: 82px;height: 70px; margin-bottom: 4px;padding-top: 8px;position: relative;
    border: 1px solid #07742c; text-align: center; background: #07742c;color: #fff;cursor: pointer;border-radius: 4px}
.fixed-left-item i{font-size: 20px}
.fixed-left-item p{font-size: 12px;color: #fff;line-height: 1.2rem}
.fixed-left-item .telNum{ width: 0; padding: 6px 0; overflow: hidden; position: absolute;top: 50%;right: 100%;transform: translate(0,-50%);border-bottom: 1px solid #07742c}
.fixed-left-item:hover{background: #fff;transform: translateX(-6PX)}
.fixed-left-item:hover *{color: #07742c;}
.fixed-left-item:hover .telNum{width: 120px;}


.transformM{width: 600px;height: 600px;background: red;
    transform:translateY(-50%);opacity: 0;
    transition: opacity 1.6s ease-in-out 1s,transform 1.45s ease-in-out 1s,-webkit-transform 1.45s ease-in-out 1s;}
.g_w:hover .transformM{transform:translateY(0);opacity: 1;}



.i-banner-bg{width: 100%; min-height: 200px; padding-top:33.3%;background-size: cover;background-position: 35% 50%;background-repeat: no-repeat; }
.i-banner .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 .3%!important; border-radius: 50%;background:#fff;opacity: 1}
.i-banner  .swiper-pagination-bullet-active{background:#74bb30;}


.i-title{padding:54px 0 36px 0;text-align: center; color: #c4c4c4;}
.i-title h2{font-size: 36px;color: #74bb30}
.i-title span{display: block; margin: 0 auto; margin-top: 10px;width: 54px; height: 3px; background: #74bb30}
.i-title p{font-size: 16px;  margin-top: 10px;}
.i-title b{display: inline-block;width: initial;padding: 0 24px; border: 1px solid #c4c4c4;border-top: 0; font-size: 18px;font-weight: 400;margin-top: 10px;}

.i-product{padding-bottom: 46px;}
.i-product-top{ padding-top: 32px; display: flex;justify-content:space-between;align-items: center;}
.i-product-topL span{margin-right: 22px;color: #74bb30}
.i-product-topL a{margin-right: 22px;color: #666}
.i-product-topL a:hover{color: #74bb30}
.i-product-topR{border: 1px solid #ccc; padding:4px 10px;}
.i-product-topR #panSearch{display: flex;align-items: center}
.i-product-topR input{width: calc(100% - 23px);padding: 0 10px;border: 0 ;background: none;height: 30px; line-height: 30px;}
.i-product-topR span{width: 23px; height: 23px;background: url("../images/search.png")no-repeat;background-size: 100% 100%;}

.i-product-tab .swiper-slide{padding: 0 54px;position: relative}
.i-product-tab .swiper-slide:after{position: absolute;right: 0;bottom: 15%;width: 1px;height: 50%;content: '';background: #ccc;}
.i-product-text{width: 14px;height: 200px; line-height: 1.1em; overflow: hidden;margin: 0 auto;color: #666;transition: .4s all linear}
.i-product-img{margin-top: 20px;}
.i-product-bg{padding-top: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 50%;;transition: .4s all linear}

.i-product-tab .swiper-slide:hover .i-product-text{color: #74bb30;transition: .4s all linear}
.i-product-tab .swiper-slide:hover .i-product-bg{transform: scale(1.01);transition: .4s all linear}


.i-product-tab .nav-tabs li{width: calc(100% / 6);border: 1px solid #ccc;}
.i-product-tab .nav-tabs li a{display: block;height: 45px; line-height: 45px; font-size: 20px; color: #666;text-align: center;
    padding: 0 8px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: .4s all ease}
.i-product-tab .nav-tabs li.active a{background: #74bb30;color: #fff}
.i-product-tab .nav-tabs li:hover a{background: #74bb30;color: #fff;transition: .4s all ease}
.i-product-tab .tab-content{margin-top: 70px;}
.i-product-tab .tab-pane{position: relative;padding-bottom: 92px;}
.i-product-tab .swiper-button-prev{ left: 49%; bottom: 0;top: auto; transform: translateX(-100%);margin: 0;transition: .4s all ease;
    background-image: url("../images/prev1.png");background-size: 100% 100%;width: 58px; height: 58px;}
.i-product-tab .swiper-button-next{ right: 49%; bottom: 0;top: auto; transform: translateX(100%);margin: 0;transition: .4s all ease;
    background-image: url("../images/next1.png");background-size: 100% 100%;width: 58px; height: 58px;}
.i-product-tab .swiper-button-prev:hover{background-image: url("../images/prev1-2.png");}
.i-product-tab .swiper-button-next:hover{background-image: url("../images/next1-2.png");}


.i-about{background: url("../images/i-about.jpg") no-repeat;background-size: cover;background-position: center}
.i-about .g_w{display: flex;justify-content: flex-end;}
.i-aboutL{width:54%;padding-left: 4.7%;color: #fff;padding-top: 50px;padding-bottom: 50px;}
.i-about-text a{display: block; width: 130px;height: 36px; margin-top: 20px; line-height: 36px;text-align: center;border: 1px solid #fff; color: #fff;font-size: 16px; }
.i-about-text a:hover{color: #f18804;border-color: #f18804}
.i-aboutL p{margin-top: 22px;line-height: 1.6em;font-size: 16px}
.i-about-num{display: flex;margin-top: 90px;}
.i-about-item{width: 33.3%;text-align: center;}
.i-about-item b{font-size: 50px;display: block;font-family: IMPACT;}
.i-about-item b small{display: inline-block;vertical-align: text-top;transform: translate(-10px,-16px);}
.i-about-item span{font-size: 16px;display: block;margin-top: 12px;}

.i-time{padding-top: 50px; padding-bottom: 28px; background: url("../images/i-time.jpg") no-repeat;background-size: cover;background-position: center;}
.i-time .g_w{position: relative}
.i-time .g_w:before{position: absolute;left: 0 ;top: 13px;width: 100%;height: 1px ;background: #ccc;content: ''}
.i-time-swiper{position: relative;z-index: 999}
.i-time-d{width: 26px;height: 26px; margin:  0 auto; border: 1px solid #f0a844;border-radius: 50%;position: relative;background: #fff;z-index: 999}
.i-time-d:after{width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    background: #fff; border-radius: 50%; content: '';transition: .4s all ease;}
.i-time-num{display: block; width: 72px; height: 50px; margin: 0 auto; margin-top: 14px; padding: 14px 0 8px 0;text-align: center;
    background: none;transition: .4s all ease;}
.i-time-swiper p{text-align: center;margin-top: 12px;opacity: 0;transition: .4s all ease;}

.i-time-swiper .swiper-slide:hover .i-time-d:after{background: #f0a844;transition: .4s all ease;}
.i-time-swiper .swiper-slide:hover .i-time-num{ color: #fff;font-size: 20px;transition: .4s all ease;
    background: url("../images/i-time-num.png") no-repeat;background-size: 100% 100%;}
.i-time-swiper .swiper-slide:hover p{ opacity: 1;transition: .4s all ease;}


.i-time-swiper .swiper-slide-active .i-time-d:after{background: #f0a844;transition: .4s all ease;}
.i-time-swiper .swiper-slide-active .i-time-num{ color: #fff;font-size: 20px;transition: .4s all ease;
    background: url("../images/i-time-num.png") no-repeat;background-size: 100% 100%;}
.i-time-swiper .swiper-slide-active p{ opacity: 1;transition: .4s all ease;}

.i-news-tab .nav-tabs{display: flex;justify-content: flex-end}
.i-news-tab .nav-tabs li{ width: 112px;margin-left: 20px}
.i-news-tab .nav-tabs li a{ display: block;height: 36px;line-height: 36px;text-align: center;color: #666;border-radius: 30px;}
.i-news-tab .nav-tabs li a:hover{background: #74bb30;color: #fff}
.i-news-tab .nav-tabs li.active a{background: #74bb30;color: #fff}
.i-news-tab .tab-content{margin-top: 28px;}
.i-news-tab .n_item_v1{margin-top: 20px;}

.i-hb{margin-top: 90px;}
.i-hb-top{height: 150px;background: url("../images/i-hb-top.jpg") no-repeat;background-size: cover;background-position: center}
.i-hb-top .g_w{position: relative}
.i-hb-text{position: absolute;left: 0 ;top: 0; width: 284px; padding: 12px; color: #fff;background: #74bb30}
.i-hb-text h2{ margin-top: 24px; text-align: center;font-size:36px; }
.i-hb-text span{display: block;width: 54px;height: 3px; margin: 0 auto; background: #fff;margin-top: 10px;}
.i-hb-text p{font-size: 16px;margin-top: 24px;}
.i-hb-text a{ display: block; margin-top: 60px;color: #fff;font-size: 16px;}

.i-hb-swiper{padding: 24px 0 38px 320px;}
.i-hb-img{ width: 100%; height: 80px; position: relative}
.i-hb-img img{position: absolute;max-width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i-hb-swiper p{margin-top:20px;color: #666;height: 40px;overflow: hidden; text-align: center}

.n-banner{padding-top: 26%;min-height: 200px;background-size: cover;background-position: center;background-repeat: no-repeat}

.n-breadcrumb {text-align: right ;padding-top: 36px;}
.n-breadcrumb  a{margin: 0 10px;color: #666}
.n-breadcrumb  a.active{color: #74bb30}
.n-breadcrumb  i{color: #74bb30}

.n-title{margin-top: 24px;}
.n-title h2{font-size: 30px; color: #595757}
.n-title p{text-indent: 2em;margin-top: 24px;line-height: 1.8em; color: #595757}
.about1-cont{margin-top: 30px; padding-bottom: 90px; display: flex;}
.about1-l{width: calc(100% - 470px);padding-right: 60px;}
.about1-l p{font-size: 16px;line-height: 1.8em;text-indent: 2em;margin-top: 34px;color: #666}
.about1-l p:nth-child(1){margin-top: 0}
.about1-r{width: 470px;}
.about1-r img{width: 100%;margin-top: 26px;}
.about1-r img:nth-child(1){ margin-top: 0;}


.n-title2{text-align: center;padding-top: 22px;}
.n-title2 h2{color: #595757;font-size: 30px;}
.n-title2 p{color: #666464;font-size: 14px;margin-top: 16px;}
.about2-list{ margin-top: 36px; display: flex;justify-content: space-between;}
.about2-item{width: 30%;position: relative;overflow: hidden}
.about2-bg{padding-top: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;transition: .4s all linear}
.about2-text{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.75); width: 100%; padding: 20px 10px;color: #fff;text-align: center;}
.about2-text p{display: none;margin-top: 16px;line-height: 1.8em}
.about2-item:hover .about2-text p{display: block}
.about2-item:hover .about2-bg{transform: scale(1.02);transition: .4s all linear }

.about2-cont2{margin-top: 38px;padding-bottom: 90px;}
.about2-list2{margin-top: 36px;}
.about2-item2{display: flex;margin-top: 24px;}
.about2-item2-text{padding: 66px; width: 44.6%;transition: .4s all linear}
.about2-item2-text h3{color: #1b1b1d;transition: .4s all linear}
.about2-item2-text span{display: block; width: 50px;height: 5px; background: #74bb30; margin-top: 12px; color: #1b1b1d;transition: .4s all linear}
.about2-item2-textP{margin-top: 50px;transition: .4s all linear}
.about2-item2-text b{     color: #000;transition: .4s all linear}
.about2-item2-text p{margin-top: 18px; color: #666464;line-height: 1.8em;transition: .4s all linear}
.about2-item2-img{width: 55.4%;overflow: hidden}
.about2-item2-bg{ padding-top: 53%; height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: .4s all linear}

.about2-list2 .about2-item2:nth-child(2n)>.about2-item2-text{transform: translateX(calc( 55.4 / 44.6 * -100%  ))}
.about2-list2 .about2-item2:nth-child(2n)>.about2-item2-img{transform: translateX(calc( 44.6 /  55.4 * 100%  ))}

.about2-item2:hover .about2-item2-text{background: #c11b33;color: #fff;}
.about2-item2:hover .about2-item2-text p{ color: #fff;}
.about2-item2:hover .about2-item2-text span{background: #fff; }
.about2-item2:hover .about2-item2-text b{ color: #fff;}
.about2-item2:hover .about2-item2-text h3{ color: #fff;}
.about2-item2:hover .about2-item2-bg{ transform: scale(1.02);transition: .4s all linear}

.about3-list{display: flex;flex-wrap: wrap;}
.about3-item{width: 18%;margin: 36px 1% 0 1%;}
.about3-item a{display: block;height: 146px;border: 1px solid #ccc;position: relative}
.about3-item p{ padding: 10px; color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about3-item a:after{ opacity: 0; width: 34px; height: 34px; transition: .4s all ease;
    position: absolute;left: 50%;top: 55%;transform: translate(-50% , -50%);background: url("../images/scal.png") no-repeat;content: '';}
.about3-item img{ opacity: .5; position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);max-width: 100%;max-height: 100%;transition: .4s all ease;}
.about3-item:hover img{  opacity:1;}
.about3-item:hover a:after{  opacity:1;top: 50%;}

.contact-cont2{margin-top: 50px;}
.contact-cont2 img{max-width: inherit}
.contact-cont3{ margin-top: 30px; padding-bottom: 58px;}
.n-form-item{margin-top: 24px;font-size: 0}
.n-form-item input{display: inline-block; font-size: 14px; width: 31%;  height: 38px; margin-right: 3%; line-height: 38px;padding:0 10px;border: 1px solid #ccc}
.n-form-item input:nth-child(3){margin-right: 0}
.n-form-item textarea{display: block;width: 100%;height: 170px;}
.submit{ margin-top: 24px;display: block; width: 100%;height: 38px;line-height: 38px;text-align: center;color: #fff;background: #74bb30;border: 0}

.hb-list{display: flex;flex-wrap: wrap;padding-bottom: 40px;}
.hb-item{width: 20%;margin-top: 30px;transition: .4s all ease}
.hb-item-img{position: relative;height: 96px;border: 1px solid #ccc;transition: .4s all ease;}
.hb-item-img img{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);max-width: 100%;max-height: 100%;}
.hb-item p{ padding: 0 26px; text-align: center;color: #595757;margin-top: 16px;transition: .4s all ease;}
.hb-item:hover .hb-item-img{border-color: #74bb30;transition: .4s all ease;}
.hb-item:hover p{color: #74bb30;transition: .4s all ease;}
.hb-item:hover {transform: translateY(-10px);transition: .4s all ease;}


.n-title a h2{display: inline-block}
.n-title a.active h2{color: #74bb30}
.n-title span{color: #74bb30;font-size: 30px;margin: 0 34px;}


.contact-top{font-size: 0;text-align: center}
.contact-top .n-title{margin-bottom: 10px;}
.contact-top .n-title h3{color: #000;text-align: center}
.contact-top-item{ width: 25%; padding: 0 20px; display: inline-block; vertical-align: text-top; margin:  20px 0 0 0;text-align: center}
.contact-top-item img{display: block;margin: 0 auto}
.contact-top-item b{font-size: 15px;display: block;margin-top: 20px;}
.contact-top-item span{font-size: 15px;margin-top: 8px;display: block}


.news-content{ padding-top: 50px;display: flex ;padding-bottom: 50px;}

.news-l{width: calc(100% - 285px);padding-right: 20px;}
.news-list{margin-top: 30px;}
.news-list .n_item_h1:nth-child(1){margin-top: 0px;}

.news-r{width: 285px;min-width: 285px;}
.news-search{padding:44px 20px 53px 20px;box-shadow: 6px 6px 50px #d9d9d9;}
.news-search h4{color: #3b4046;font-size: 18px;text-transform: uppercase}
.news-search input{ display: block; margin-top: 34px; width: 100%; height: 44px;line-height: 44px; border: 1px solid #ccc;padding: 0 10px;}
.news-search button{display: block; margin-top: 16px; width: 100%; height: 44px;line-height: 44px;background: #74bb30;color: #fff;text-align: center;border: 0}


.news-search-list{ margin-top: 30px; padding:30px 20px 30px 20px;box-shadow: 6px 6px 50px #d9d9d9;}
.news-search-list h4{color: #74bb30;font-size: 18px; text-transform: uppercase;margin-bottom: 30px;font-weight: 600}
.news-search-item {margin-bottom:46px; }
.news-search-item p{ height: 48px; position: relative;padding-left: 16px;color: #2f2f2f;line-height: 1.8em;overflow: hidden}
.news-search-item p:after{content: '';position: absolute;left: 0 ;top: 50%;transform: translateY(-50%); width: 5px; height: 38px;background: #74bb30; }
.news-search-item span{ padding-left: 16px;color: #74bb30;font-size: 12px;margin-top: 10px}
.news-search-item:hover p{color: #74bb30}

.news-d-title h3{font-size: 26px;font-weight: 500;margin-bottom: 10px;}
.news-d-contentText{margin-top: 30px}
.news-d-contentText p{line-height: 1.8em;margin-top: 20px;}

.new-btn{position: relative;margin-top: 50px;display: block;}
.new-btn-l{padding-right: 80px;width: 100%}
.new-btn-l-next{border-bottom: 1px solid #dadada}
.new-btn-l > div{padding: 12px 0;}
.new-btn-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.new-btn-r a{  display: block; width: 74px;height: 74px;  padding: 16px 0; text-align: center; border-radius: 50%;color: #fff;background: #74bb30;transition: .4s all linear}
.new-btn-r span{display: block}
.new-btn-r span:nth-child(3){font-size: 10px;}
.new-btn-r i{display: block}
.new-btn-r a:hover{background: #74bb30;transition: .4s all linear}
.new-btn-l a{ display: flex;justify-content: space-between}
.new-btn-l a span{font-size: 18px;color: #333}
.new-btn-l a span b{ font-weight: 100; color: #666;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.new-btn-l a span:nth-child(1){display: block;width: calc(100% - 80px);padding-right: 110px;position: relative;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new-btn-l a span:nth-child(2){font-size: 14px;display: block;width: 64px;}

.new-btn-l a:hover span{color: #74bb30}
.new-btn-l a:hover span b{color: #74bb30}
.new-btn-l a:hover span i{color: #74bb30}

.info-body-t{padding: 0; display: flex;justify-content: space-between; }
.info-body-t>div{width: 33.3%;}
.info-body-b{padding:  0;}
.info-body-b>div{width: 100%;margin-top: 40px;}
.info-body-b>div>div{margin-top: 20px;width: 80%}
.info-body-b>div>div p{line-height: 2rem;}

.job-panel{margin-top: 56px;padding-bottom: 96px;}
.job-panel .panel-body{padding: 0 46px;}
.job-panel .n-panel .panel-title > a h5{font-size: 20px;}
.info-body-a{margin-top: 20px;}
.info-body-b-title{color: #18791a ;font-size: 18px;position: relative}
.info-body-b-title:before{ content: ''; position: absolute;left: -20px;top: 0;height: 100%;width: 3px;background: #18791a}

.contact2{margin-top: 36px;}
.contact2 .panel-group .panel{margin-top: 20px;}

.service{ padding-bottom: 100px; background: url("../images/Service1.jpg") no-repeat;background-size: cover;background-position: center; }
.service-list{ margin-top:34px;  display: flex;justify-content: space-between;flex-wrap: wrap}
.service-item{margin-top: 100px;width: 44%;color: #fff;}
.service-item p{margin-top: 34px;line-height: 1.8em}

.product{display: flex;margin-top: 24px;}
.product-r{width: calc(100% - 240px); padding-left: 60px;}
.product-l{width: 240px;}
.product-l-nav h2{padding: 14px 0 ;color: #fff;text-align: center;background: #74bb30;}
.product-l ul{background: #f4f5f6}
.product-l ul li a{display: flex; align-items: center; justify-content: space-between; padding: 12px 20px;
     font-size: 16px;color: #373737; border-bottom: 1px solid #ccc;}
.product-l ul li a span{width: calc(100% - 20px);}
.product-l ul li a .icon-circle{color: #74bb30;margin-right: 18px;}
.product-l ul li a .icon-shang{color: #666;display: block;transform: rotateZ(90deg);font-size: 18px;}
.product-l ul li a:hover .icon-shang{color: #74bb30}
.product-l ul li.active a .icon-shang{color: #74bb30}
.product-l ul li a:hover{color: #74bb30}
.product-l ul li.active a {color: #74bb30}

.product-list{margin-top: 30px;}
.product-list a{ width: 208px; display: inline-block; margin-top: 8px; padding: 8px 18px;color: #595757;font-size: 16px;transition: .4s all ease}
.product-list a:hover{background: #74bb30;color: #fff;transition: .4s all ease}
.product-list a.active{background: #74bb30;color: #fff;transition: .4s all ease}

.product-title h3{padding:46px 0 32px 0;  color: #74bb30;text-align: center}
.product-text-top{display: flex;justify-content: space-between;}
.product-text-imgL{width: 55.7%}
.product-text-imgR{width: 42.4%}
.product-text-bgL{padding-top: 73.7%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.product-text-imgL p{color: #898989;line-height: 1.8em;text-align: center}
.product-text-bgR{padding-top:96.8%;background-position: center;background-size: cover;background-repeat: no-repeat; }
.product-text-imgR p{color: #898989;line-height: 1.8em;text-align: center}

.product-text-body{margin-top: 40px;padding-bottom: 40px;}
.product-text-body p{color: #595757;line-height: 1.8em}
.product-text-body table{margin-top: 20px;}
.product-text-body table th{border: 1px solid #ccc!important;}
.product-text-body table td{border: 1px solid #ccc}

.lian-con1,.lian-con2,.lian-con3,.lian-con4{color: #595757}
.lian-con1{margin-top: 36px}
.n-title3 h3{color: #18791a}
.lian-con1-list{}
.lian-con1-item {display: flex;margin-top: 20px;align-items: self-start}
.lian-con1-item > div{width: calc(100% - 92px); padding-left: 14px;}
.lian-con1-item > img{width:   92px ;  }
.lian-con1-item > div h5{ margin-top: 10px; font-size: 16px;color: #595757;font-weight: 600}
.lian-con1-item > div p{font-size: 16px;color: #595757;text-indent: 2em;line-height: 1.6em;margin-top: 4px;}

.lian-con2{margin-top: 54px}
.lian-con2>p{text-indent: 2em;margin-top: 28px}
.lian-con2 .i-hb-swiper{padding-left: 0}
.lian-con2 .i-hb-swiper .i-hb-img{padding: 10px;border: 1px solid #d2d2d2}
.lian-con2 .i-hb-swiper p{margin-top: 8px}

.lian-con3-text h4{color: #595757;margin-top: 30px;}
.lian-con3-text p{color: #595757;text-indent: 2em;font-size: 16px;line-height: 1.6em;margin-top: 8px;}
.lian-con3-img{display: flex;justify-content: space-between;}
.lian-con3-list{display: flex;flex-wrap: wrap;}
.lian-con3-item{width: 50%;display: flex;margin-top: 28px;padding-right: 20px;}
.lian-con3-item > div{ width: calc(100% - 120px ); padding-left:14px }
.lian-con3-item > span{display: block;width: 120px;text-align: center;}
.lian-con3-img{margin-top: 30px;}
.lian-con3-img img{width: 32%}
.lian-con3-img2{display: flex;justify-content: space-between;margin-top: 20px}
.lian-con3-img2 img{width: 48%}

.lian-con4 {margin-top: 60px;}
.lian-con4 p {text-indent: 2em ;margin-top: 24px; line-height: 1.6em}

.lian .product-r{padding-bottom: 80px;}

@media (min-width:1440px)and (max-width: 1660px){

}
@media (min-width:1200px) and (max-width:1440px){

}
@media (max-width:1200px){

    .i-aboutL{width: 100%;}
    .i-product-tab .nav-tabs li{width: 33.3%}
    .i-product-top{display: none}

    .about1-cont{display: block}
    .about1-l{width: 100%;padding-right: 0}
    .about1-l p{margin-top: 16px;}
    .about1-r{width: 100%}
    .about1-r img:nth-child(1){margin-top: 26px;}

    .about3-item{width: 31%;}

    .hb-item{width: 33%;margin-top: 30px;}
    .contact-top-item{width: 50%}

    .product{display: block}
    .product-l{width: 100%}
    .product-l ul {display: flex;flex-wrap: wrap}
    .product-l ul li{width: 33%}
    .product-l ul li a{border: 0}

    .product-r{width: 100%;padding-left: 0}

    .pro-nav{display: none!important;}
    .product-l-nav>h2:after{display: none}

}
@media  (max-width:924px){

    .i-hb-top{height: auto}

    .i-hb-text{position: relative;width: 100%;}
    .i-hb-text a{text-align: center;margin-top: 20px;}
    .i-hb-swiper{padding-left: 0}
    .i-product-tab .swiper-button-prev{left: 5%;transform: translateX(0);}
    .i-product-tab .swiper-button-next{right: 5%;transform: translateX(0);}

    .about2-list{display: block;}
    .about2-item{width: 100%;margin-top: 20px;}
    .about2-bg{padding-top: 40%}

    .news-content{display: block}
    .news-l{width: 100%; padding-right: 0}
    .news-r{display: none}

}
@media (min-width:767px) and (max-width:992px){

}
@media (max-width:767px){
    .i-about{background-position: center right}
    .i-about-num{margin-top: 40px; }
    .i-about-item{ width: 33%; text-align: center; }
    .i-about-item b{margin: 0 auto;font-size: 24px;}
    .i-about-item span{margin: 12px auto 0 auto}
    .i-product-text{width: 100%;height: auto;text-align: center}
    .i-product-tab .nav-tabs li{width: 50%}
    .i-hb{margin-top: 40px;}

    .i-banner .swiper-pagination-bullet{margin: 10px!important;}

    .about2-cont2{padding-bottom: 40px;}

    .about2-item2{display: block}
    .about2-item2-text{width: 100%;padding: 20px;}
    .about2-item2-img{width: 100%}

    .about2-list2 .about2-item2:nth-child(2n)>.about2-item2-text{transform: translateX(0)}
    .about2-list2 .about2-item2:nth-child(2n)>.about2-item2-img{transform: translateX(0)}

    .about2-bg{padding-top: 100%}

    .about3-item{width: 100%;}
    .n-form-item input{width: 100%;margin-top: 14px;margin-right: 0}

    .hb-item{width: 50%;margin-top: 20px;}

    .n_item_h1 a{display: block;}
    .n_item_h1Img{width: 100%;padding-right: 0}
    .n_item_h1Info{width: 100%;}

    .contact-top-item{width: 100%}
    .service-item{width: 100%}
    .product-l ul li{width: 100%}
    .product-l-nav>h2{ padding-left: 20px; padding-right: 100px;text-align: left;position: relative}
    .product-l-nav>h2:after{content: '展开';position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #fff;font-size: 16px;width: 100px;text-align: center}
    .product-l-nav>h2.active:after{content: '收起';}

    .i-news-tab .n_item_v1{margin-top: 30px;}

    .news-content{display: block}
    .news-l{width: 100%; padding-right: 0}
    .news-r{display: none}
    .f-r{text-align: center;}

    .lian-con1-item{display: block;text-align: center;}
    .lian-con1-item > div{width: 100%;padding-left: 0}

    .lian-con3-item{display: block;text-align: center;width: 100%;padding-right: 0}
    .lian-con3-item > span{margin: 0 auto}
    .lian-con3-item > div{width: 100%;margin: 20px auto}
}


